import {FC} from "react";
import {Container, OverlayTrigger, Tooltip, Row, Col} from "react-bootstrap";

const FFooter: FC = () => {
  return (
    <div className="border-top p-3 bg-light">
      <Container fluid="xxl" className="text-secondary text-center" style={{fontSize: '12px'}}>
        <Row>
          <Col md={10}>
            <div className="me-auto text-start text-secondary">
              <div>Copyright © 2011-2022 Hi, Felix! 当前呈现版本 22.04.20</div>
              <div>深ICP备1512395857号-2深公网安备3301061075002000号ICP 经营许可 深B2-20201554</div>
              <div>Create by Felix</div>
            </div>
          </Col>

          <Col md={2}>
            <OverlayTrigger
              placement="left"
              overlay={
                <Tooltip>
                  Scan to add my <strong>WeChat</strong>
                </Tooltip>
              }
            >
              <img src={require('@/assets/qr_code.jpg')} width={100} height={100}/>
            </OverlayTrigger>
          </Col>
        </Row>
      </Container>
    </div>
  );
};

export default FFooter;
